<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<meta name="viewport" content="width=device-width, initial-scale=1.0">
		<meta http-equiv="X-UA-Compatible" content="ie=edge">
		<title>首页</title>
		<script src="js/flexible.js"></script>
		<link rel="stylesheet" type="text/css" href="bootstrap/css/bootstrap.min.css" />
		<link rel="stylesheet" type="text/css" href="css/common.css" />
		<link rel="stylesheet" type="text/css" href="css/swiper.min.css" />
		<link rel="stylesheet" type="text/css" href="css/NewArrivals.css" />
		<link rel="stylesheet" type="text/css" href="css/index.css" />		
		<script src="js/jquery-2.2.4.min.js"></script>
		<script type="text/javascript" src="js/swiper.min.js"></script>
		<script src="js/echarts.min.js"></script>
		<script src="js/countUp.min.js"></script>
		<script src="js/countUp.js"></script>
	</head>

	<body>
		<div class="swiper-container swiper-container1">
			<div class="swiper-wrapper swiper-wrapper1">
				<div class="swiper-slide swiper-slide1 reader-bg" data-swiper-autoplay="14000" data-page="reader">
					<!-- 页面容器 start -->
					<div id="pageWrap" class="container bk-container">

						<!-- 页面标题 start -->
						<h1 id="pageHeader" class="header text-hide">
					        读者到馆情况
					        <img src="images/reader/mod1_title.png" class="img-header img-responsive">
					    </h1>
						<!-- 页面标题 end-->

						<!-- 进馆人数总数统计 start -->
						<div id="totalStatistics" class="row statistics-total">
							<div class="col-xs-6 statistics-chartbox">
								<div class="statistics-chart-text">
									<p class="circle-label">本月进馆人数</p>
									<p class="circle-txt">26,666人</p>
								</div>
								<div id="totalStatisticsChartMonth" class="statistics-total-chart"></div>
								<p class="t1 text-center"><span>上月同期进馆人数：</span><span field="monNum">20,333人</span></p>
							</div>
							<div class="col-xs-6">
								<div class="statistics-chart-text">
									<p class="circle-label">本年进馆人数</p>
									<p class="circle-txt">826,666人</p>
								</div>
								<div id="totalStatisticsChartYear" class="statistics-total-chart"></div>
								<p class="t1 text-center"><span>去年同期进馆人数：</span><span field="monNum">966,333人</span></p>
							</div>
							<div class="clearfix"></div>
							<div class="col-xs-12">
								<div class="statistics-circle-block statistics-total-text text-center">
									<div class="gradient-text">
										今日进馆人数：
										<span class="gradient-text-no"></span>
									</div>
								</div>
							</div>
						</div>
						<!-- 进馆人数总数统计 end -->

						<!-- 进馆人数年、月、日统计 start -->
						<div id="ywdStatistics" class="row statistics-ywd statistics-ywd-reader">
							<div class="col-xs-12 text-center">
								<div class="btn-group">
									<button type="button" class="btn btn-default btn-d active" data-chart="day">日图</button>
									<button type="button" class="btn btn-default btn-w" data-chart="week">周图</button>
									<button type="button" class="btn btn-default btn-y" data-chart="year">年图</button>
								</div>
								<div class="statistics-circle-block statistics-ywd-chartbox">
									<div id="ywdStatisticsChart" class="statistics-chart statistics-ywd-chart"></div>
								</div>
							</div>
						</div>
						<!-- 进馆人数年、月、日统计 end -->

					</div>
					<!-- 页面容器 end -->
				</div>
				<div class="swiper-slide swiper-slide1 borrow-bg" data-swiper-autoplay="14000" data-page="borrow">
					<!-- 页面容器 start -->
					<div id="pageWrap" class="container bk-container">

						<!-- 页面标题 start -->
						<h1 id="pageHeader" class="header text-hide">
					        图书借阅情况
					        <img src="images/reader/mod2_title.png" class="img-header img-responsive">
					    </h1>
						<!-- 页面标题 end-->

						<!-- 借还书人数统计 start -->
						<div id="totalStatistics" class="row statistics-total">
							<div class="col-xs-6 statistics-chartbox">
								<div class="statistics-chart-text">
									<p class="circle-label">今日借书人数</p>
									<p class="circle-txt">26,666人</p>
								</div>
								<div id="totalStatisticsChartBorrow" class="statistics-total-chart"></div>
								<p class="t1 text-center"><span>昨日借书人数：</span><span field="monNum">20,333人</span></p>
							</div>
							<div class="col-xs-6">
								<div class="statistics-chart-text">
									<p class="circle-label">今日还书人数</p>
									<p class="circle-txt">826,666人</p>
								</div>
								<div id="totalStatisticsChartReturn" class="statistics-total-chart"></div>
								<p class="t1 text-center"><span>昨日还书人数：</span><span field="monNum">966,333人</span></p>
							</div>
							<div class="clearfix"></div>
							<div class="col-xs-12">
								<div class="row statistics-circle-block statistics-chart-text2 text-center">
									<div class="col-xs-6 hfull">
										<div class="dis-table wfull hfull">
											<div class="dis-table-cell hfull vm">
												<p class="gradient-no-label">持证读者量</p>
												<p class="gradient-no gradient1">123456</p>
											</div>
										</div>
									</div>
									<div class="col-xs-6 hfull">
										<div class="dis-table wfull hfull">
											<div class="dis-table-cell hfull vm">
												<p class="gradient-no-label">本月办证量</p>
												<p class="gradient-no gradient2">123456</p>
											</div>
										</div>
									</div>
								</div>
							</div>
						</div>
						<!-- 借还书人数统计 end -->

						<!-- 进馆人数年、月、日统计 start -->
						<div id="ywdStatistics" class="row statistics-ywd statistics-ywd-borrow">
							<div class="col-xs-12 text-center">
								<div class="btn-group">
									<button type="button" class="btn btn-default btn-d active" data-chart="day">日图</button>
									<button type="button" class="btn btn-default btn-w" data-chart="week">周图</button>
									<button type="button" class="btn btn-default btn-y" data-chart="year">年图</button>
								</div>
								<div class="statistics-circle-block statistics-ywd-chartbox  statistics-ywd-chartbox-venue">
									<div id="ywdStatisticsChart" class="statistics-chart statistics-ywd-chart"></div>
								</div>
							</div>
						</div>
						<!-- 进馆人数年、月、日统计 end -->
					</div>
				</div>
				<div class="swiper-slide swiper-slide1 ctwxbg" data-swiper-autoplay="6000">
					<header class="header">
						<div class="h-logo"></div>
					</header>
					<section class="sect1">
						<div class="sect-title">
							<span>传统文献</span>
						</div>
						<div class="sect-body sect-body-part1">
							<div class="set-body-cont">
								<div>月新增馆藏</div>
								<div class="number1">123456</div>
							</div>
							<div class="set-cont-divider"></div>
							<div class="set-body-cont">
								<div>年新增馆藏</div>
								<div class="number1">123456</div>
							</div>
						</div>
						<div class="sect-body sect-body-part2">
							<div>
								<span>总馆藏量：</span>
								<i class="number2">256488</i>
							</div>
						</div>
					</section>
					<section class="sect2">
						<div class="sect-title">
							<span>电子资源</span>
						</div>
						<div class="sect2-part2">
							<div>电子资源数量</div>
							<div>共7个</div>
						</div>
						<div class="sect2-part3">
							<div class="sect2-p3-text">中文在线</div>
							<div class="sect2-p3-divider"></div>
							<div class="sect2-p3-text">中文在线</div>
							<div class="sect2-p3-divider"></div>
							<div class="sect2-p3-text">中文在线</div>
							<div class="sect2-p3-divider"></div>
							<div class="sect2-p3-text">中文在线</div>
							<div class="sect2-p3-divider"></div>
							<div class="sect2-p3-text">中文在线</div>
						</div>
					</section>
				</div>
				<div class="swiper-slide swiper-slide1 rmbg" data-swiper-autoplay="15000">
					<header class="header">
						<div class="h-logo"></div>
					</header>
					<section class="sect">
						<ul>
							<li class="sect-wordbox1 right">
								<span>热门词检索3</span>
							</li>
							<li class="sect-wordbox2 left">
								<span>热门词检索2</span>
							</li>
							<li class="sect-wordbox3 right">
								<span>热门词检索8</span>
							</li>
							<li class="sect-wordbox4 center">
								<span>热门词检索1</span>
							</li>
							<li class="sect-wordbox5 left">
								<span>热门词检索9</span>
							</li>
							<li class="sect-wordbox6 right">
								<span>热门词检索4</span>
							</li>
							<li class="sect-wordbox7 left">
								<span>热门词检索5</span>
							</li>
							<li class="sect-wordbox8 left">
								<span>热门词检索10</span>
							</li>
							<li class="sect-wordbox9 right">
								<span>热门词检索6</span>
							</li>
							<li class="sect-wordbox10 left">
								<span>热门词检索7</span>
							</li>
						</ul>
					</section>
				</div>
				<div class="swiper-slide swiper-slide1 RANbg" data-swiper-autoplay="5000">
					<div class="RAN-wrap">
			<div class="RAN-title">
				<img src="images/title06.png">
			</div>
			<div class="RAN-content">
				<div class="RAN-contentbg"></div>
				<p>文学类</p>
				<ul>
					<li><a href="#">陆小凤传奇:绘图珍藏版</a><a class="anthor" href="#">古龙著</a></li>
					<li><a href="#">陆小凤传奇:绘图珍藏版</a><a class="anthor" href="#">古龙著</a></li>
					<li><a href="#">陆小凤传奇:绘图珍藏版</a><a class="anthor" href="#">古龙著</a></li>
					<li><a href="#">陆小凤传奇:绘图珍藏版</a><a class="anthor" href="#">古龙著</a></li>
				</ul>
			</div>
			<div class="RAN-content">
				<p>文学类</p>
				<ul>
					<li><a href="#">陆小凤传奇:绘图珍藏版</a><a class="anthor" href="#">古龙著</a></li>
					<li><a href="#">陆小凤传奇:绘图珍藏版</a><a class="anthor" href="#">古龙著</a></li>
					<li><a href="#">陆小凤传奇:绘图珍藏版</a><a class="anthor" href="#">古龙著</a></li>
					<li><a href="#">陆小凤传奇:绘图珍藏版</a><a class="anthor" href="#">古龙著</a></li>
				</ul>
			</div>
			<div class="RAN-content">
				<p>文学类</p>
				<ul>
					<li><a href="#">陆小凤传奇:绘图珍藏版</a><a class="anthor" href="#">古龙著</a></li>
					<li><a href="#">陆小凤传奇:绘图珍藏版</a><a class="anthor" href="#">古龙著</a></li>
					<li><a href="#">陆小凤传奇:绘图珍藏版</a><a class="anthor" href="#">古龙著</a></li>
					<li><a href="#">陆小凤传奇:绘图珍藏版</a><a class="anthor" href="#">古龙著</a></li>
				</ul>
			</div>
			<div class="RAN-content">
				<p>文学类</p>
				<ul>
					<li><a href="#">陆小凤传奇:绘图珍藏版</a><a class="anthor" href="#">古龙著</a></li>
					<li><a href="#">陆小凤传奇:绘图珍藏版</a><a class="anthor" href="#">古龙著</a></li>
					<li><a href="#">陆小凤传奇:绘图珍藏版</a><a class="anthor" href="#">古龙著</a></li>
					<li><a href="#">陆小凤传奇:绘图珍藏版</a><a class="anthor" href="#">古龙著</a></li>
				</ul>
			</div>
		</div>
				<!--<iframe src="page/Rankings.html" frameborder="0" border="0" scrolling="no" width="100%" height="100%"></iframe>-->
				
				</div>
				<div class="swiper-slide swiper-slide1" data-swiper-autoplay="15000">
					<div>
					<div class="bg"></div>
					<div class="title">
						<img src="images/xstj.png">
					</div>
					<div class="swiper-container gallery-top">
						<div class="swiper-wrapper">
							<!--行内样式及数字为演示所用请自行删除-->
							<!--第1本书图片-->
							<div class="swiper-slide" style="font-size: 20px;color: red;">1111111<img src="images/listbg1.jpg"></div>
							<!--第2本书图片-->
							<div class="swiper-slide" style="font-size: 20px;color: red;">22222<img src="images/listbg2.jpg"></div>
							<!--第3本书图片-->
							<div class="swiper-slide" style="font-size: 20px;color: red;">3333333<img src="images/listbg3.jpg"></div>
							<!--第4本书图片-->
							<div class="swiper-slide" style="font-size: 20px;color: red;">4444444444<img src="images/listbg4.jpg"></div>
							<!--第5本书图片-->
							<div class="swiper-slide" style="font-size: 20px;color: red;">5555555<img src="images/listbg4.jpg"></div>
						</div>
					</div>
					<!-- Add Pagination -->
					<div class="swiper-container gallery-thumbs">
						<div class="swiper-wrapper">
							<!--第1本书内容-->
							<div class="swiper-slide">
								<div class="cont">
									<h3>第1本书</h3>
									<p>作者: [美] 菲利普·迪克 译者: 陈灼</p>
									<p>出版社: 译林出版社</p>
									<p>出版年: 2017-10</p>
									<p class="fff">内容简介 :</p>
									<p class="fff content">“科幻鬼才”菲利普•迪克成长于西方科技文明创造出的崭新辉煌的时代。彼时，人类进入了太空，登上了月球，成功制造出第一台工业用机器人……科技的蓬勃发展也催生出主流科幻小说对人类创造力的无比自信，克拉克、阿西莫夫和海因莱因撑起了西方科幻的黄金时代。可是，迪克却反其道而行之，他的主人公迷惘于亦真亦假的世界上，挣扎于文明的陷落中，充满了对生命的依恋和对人性的追求。</p>
								</div>
							</div>
							<!--第2本书内容-->
							<div class="swiper-slide">
								<div class="cont">
									<h3>第2本书</h3>
									<p>作者: [美] 菲利普·迪克 译者: 陈灼</p>
									<p>出版社: 译林出版社</p>
									<p>出版年: 2017-10</p>
									<p class="fff">内容简介 :</p>
									<p class="fff content">“科幻鬼才”菲利普•迪克成长于西方科技文明创造出的崭新辉煌的时代。彼时，人类进入了太空，登上了月球，成功制造出第一台工业用机器人……科技的蓬勃发展也催生出主流科幻小说对人类创造力的无比自信，克拉克、阿西莫夫和海因莱因撑起了西方科幻的黄金时代。可是，迪克却反其道而行之，他的主人公迷惘于亦真亦假的世界上，挣扎于文明的陷落中，充满了对生命的依恋和对人性的追求。</p>
								</div>
							</div>
							<!--第3本书内容-->
							<div class="swiper-slide">
								<div class="cont">
									<h3>第3本书</h3>
									<p>作者: [美] 菲利普·迪克 译者: 陈灼</p>
									<p>出版社: 译林出版社</p>
									<p>出版年: 2017-10</p>
									<p class="fff">内容简介 :</p>
									<p class="fff content">“科幻鬼才”菲利普•迪克成长于西方科技文明创造出的崭新辉煌的时代。彼时，人类进入了太空，登上了月球，成功制造出第一台工业用机器人……科技的蓬勃发展也催生出主流科幻小说对人类创造力的无比自信，克拉克、阿西莫夫和海因莱因撑起了西方科幻的黄金时代。可是，迪克却反其道而行之，他的主人公迷惘于亦真亦假的世界上，挣扎于文明的陷落中，充满了对生命的依恋和对人性的追求。</p>
								</div>
							</div>
							<!--第4本书内容-->
							<div class="swiper-slide">
								<div class="cont">
									<h3>第4本书</h3>
									<p>作者: [美] 菲利普·迪克 译者: 陈灼</p>
									<p>出版社: 译林出版社</p>
									<p>出版年: 2017-10</p>
									<p class="fff">内容简介 :</p>
									<p class="fff content">“科幻鬼才”菲利普•迪克成长于西方科技文明创造出的崭新辉煌的时代。彼时，人类进入了太空，登上了月球，成功制造出第一台工业用机器人……科技的蓬勃发展也催生出主流科幻小说对人类创造力的无比自信，克拉克、阿西莫夫和海因莱因撑起了西方科幻的黄金时代。可是，迪克却反其道而行之，他的主人公迷惘于亦真亦假的世界上，挣扎于文明的陷落中，充满了对生命的依恋和对人性的追求。</p>
								</div>
							</div>
							<!--第5本书内容-->
							<div class="swiper-slide">
								<div class="cont">
									<h3>第5本书</h3>
									<p>作者: [美] 菲利普·迪克 译者: 陈灼</p>
									<p>出版社: 译林出版社</p>
									<p>出版年: 2017-10</p>
									<p class="fff">内容简介 :</p>
									<p class="fff content">“科幻鬼才”菲利普•迪克成长于西方科技文明创造出的崭新辉煌的时代。彼时，人类进入了太空，登上了月球，成功制造出第一台工业用机器人……科技的蓬勃发展也催生出主流科幻小说对人类创造力的无比自信，克拉克、阿西莫夫和海因莱因撑起了西方科幻的黄金时代。可是，迪克却反其道而行之，他的主人公迷惘于亦真亦假的世界上，挣扎于文明的陷落中，充满了对生命的依恋和对人性的追求。</p>
								</div>
							</div>
						</div>
					</div>
					</div>
				</div>
				<div class="swiper-slide venue-bg" data-swiper-autoplay="14000"  data-page="venue">
					<!-- 页面容器 start -->
					<div id="pageWrap" class="container bk-container">

						<!-- 页面标题 start -->
						<h1 id="pageHeader" class="header text-hide">
				        	场馆状况
				        	<img src="images/reader/mod8_title.png" class="img-header img-responsive">
				   		</h1>
						<!-- 页面标题 end-->

						<!-- 饼图统计 start -->
						<div id="totalStatistics" class="row statistics-total statistics-total-venue">
							<div class="col-xs-12 statistics-venue-chartbox">
								<div class="statistics-venue-chart-title statistics-circle-block statistics-circle-block-border text-center">
									<p>人流热力图</p>
									<div class="grid-bg5"></div>
								</div>
								<div id="statisticsVenuechart" class="statistics-venue-chart"></div>
							</div>
							<div class="clearfix"></div>
							<div class="col-xs-12">
								<div class="row statistics-circle-block statistics-chart-text3 text-center">
									<div class="col-xs-3 hfull">
										<div class="dis-table wfull hfull">
											<div class="dis-table-cell hfull vt">
												<p class="gradient-no-label2">大厅</p>
												<p class="gradient-no2">温度：13℃</p>
												<p class="gradient-no2">湿度：26%</p>
											</div>
										</div>
									</div>
									<div class="col-xs-3 hfull">
										<div class="dis-table wfull hfull">
											<div class="dis-table-cell hfull vt">
												<p class="gradient-no-label2">三楼</p>
												<p class="gradient-no2">温度：13℃</p>
												<p class="gradient-no2">湿度：26%</p>
											</div>
										</div>
									</div>
									<div class="col-xs-3 hfull">
										<div class="dis-table wfull hfull">
											<div class="dis-table-cell hfull vt">
												<p class="gradient-no-label2">四楼</p>
												<p class="gradient-no2">温度：13℃</p>
												<p class="gradient-no2">湿度：26%</p>
											</div>
										</div>
									</div>
									<div class="col-xs-3 hfull">
										<div class="dis-table wfull hfull">
											<div class="dis-table-cell hfull vt">
												<p class="gradient-no-label2">六楼</p>
												<p class="gradient-no2">温度：13℃</p>
												<p class="gradient-no2">湿度：26%</p>
											</div>
										</div>
									</div>
								</div>
							</div>
						</div>
						<!-- 饼图统计 end -->

						<!-- 进馆人数年、月、日统计 start -->
						<div id="ywdStatistics" class="row statistics-ywd statistics-ywd-venue">
							<div class="col-xs-12 text-center">
								<div class="btn-group">
									<button type="button" class="btn btn-default btn-d active" data-chart="day">日图</button>
									<button type="button" class="btn btn-default btn-w" data-chart="week">周图</button>
									<button type="button" class="btn btn-default btn-y" data-chart="year">年图</button>
								</div>
								<div class="statistics-circle-block statistics-ywd-chartbox">
									<div id="ywdStatisticsChart" class="statistics-chart statistics-ywd-chart"></div>
								</div>
							</div>
						</div>
						<!-- 进馆人数年、月、日统计 end -->

					</div>
					<!-- 页面容器 end -->
				</div>
			</div>
		</div>
	</body>
	<script src="js/index.js"></script>
	<script src="js/NewArrivaks.js"></script>

</html>